﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="viewport" content="width=device-width" />
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
</head>
<body>
    <header>
    </header>

    <div id="body">

        @RenderSection("background", required: false)

        <div id="topContainer" class="gamePanelContainer">
            <button id="hideTopContainer" class="gamePanelButton" />
            @RenderSection("topSection", required: false)
        </div>

        <div id="middleContainer" class="gamePanelContainer">
            <div id="middleLeftContainer">
                @RenderSection("middleLeftSection", required: false)
            </div>

            <div id="middleMiddleContainer">
                <section id="middleMiddleSection">
                    @RenderBody()
                </section>
            </div>

            <div id="middleRightContainer">
                @RenderSection("middleRightSection", required: false)
            </div>
        </div>

        <div id="bottomContainer" class="gamePanelContainer">
            @RenderSection("bottomSection", required: false)
            <button id="hideBottomContainer" class="gamePanelButton" />
        </div>

    </div>

    <footer>
    </footer>

    @Scripts.Render("~/bundles/jquery")
    @RenderSection("scripts", required: false)
</body>
</html>
